<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>自己装修攻略_新房装修设计_二手房自己装修-蚂蚁馆装修攻略</title>
    <meta name="keywords" content="自己装修知识、自己该如何装修新房、自己装修二手房、装修注意事项、蚂蚁馆嘉装">
    <meta name="description" content="60%业主选择自己装修，本站分享业主自己装修的方法和攻略，业主自己装修常识，业主装修攻略大全，让业主自己装修也很轻松。">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Window-target" content="_top">
    <!-- 收藏图标 -->
    <!-- <link rel="Shortcut Icon" href="favicon.ico"> -->
    <meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="{{ asset('web/style/bootstrap.min.css') }}" rel="stylesheet">
    <link href="{{ asset('web/style/bootstrap-table.min.css') }}" rel="stylesheet">
    <link rel="stylesheet" href="{{ asset('web/style/comm.css') }}">
    <link rel="stylesheet" href="{{ asset('web/font/iconfont.css') }}">
    <script src='https://cdn.staticfile.org/vue/2.2.2/vue.min.js'></script>
    <!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.js"></script>
    <![endif]-->

    <link rel="stylesheet" href="{{ asset('web/style/idangerous.swiper.css') }}">
    <link rel="stylesheet" href="{{ asset('web/style/demo6.css') }}">
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?eb959a0f08e8a123dcbd729738b9ed8e";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</head>

<body>
<div id="app">
    <!-- 头部登录部分 -->
    <div class="head">
        <div class="content clearfix">
            <div class="pull-left">
                <i class="iconfont icon-dizhi"></i>
                <span>全国</span>
                <a href="{{ url('region') }}"> [切换]</a>
                @if(config('region.region.url', ''))
                    <a href="{{ config('region.region.url', '') }}" target="_blank"
                       style="margin-left: 5px; color: beige;">
                        快速进入 >
                        <span style="color: red;">{{ config('region.region.city', '') }}站</span>
                    </a>
                @endif
            </div>
            <div class="pull-right">
                <a href="javascript:;">登录</a>
                <a href="javascript:;">注册</a>
            </div>
        </div>
    </div>
    <div class="nav">
        <div class="content">
            <div class="pull-left">
                <a href="{{ url('/') }}"><img src="{{ asset('web/images/logo.png') }}" alt="" class="logo"></a>
            </div>
            <div class="pull-left">
                <div class="list" style="">
                    <a href="{{ url('/')}}">首页</a>
                    <a href="javascript:;" class="active">自己装修攻略</a>
                    <a href="{{ url('/designer') }}">独立设计师</a>
                    <a href="{{ url('/company') }}">装修公司</a>
                    <a href="{{ url('/case') }}">效果图</a>
                    <a href="{{ url('jiancaiku') }}">建材</a>
                    <a href="{{ url('jiaju') }}">家具</a>
                    <a href="{{ url('baike/index') }}" target="_blank">百科</a>
                </div>
            </div>
{{--            <div class="pull-right">--}}
{{--                <label class="search">--}}
{{--                    <input type="text" placeholder="请输入"/>--}}
{{--                    <i class="iconfont icon-sousuo basecolor"></i>--}}
{{--                </label>--}}
{{--            </div>--}}
        </div>
    </div>
    <div class="content">
        <h3 class="big-title">装修流程</h3>
        <p class="small-title">了解装修过程每一步，从此不再是菜鸟</p>
        <div class="step">
            <ul>
                <li>
                    <div class="step-bg">
                        <div class="step-img">
                            <img src="{{ asset('web/images/icon_k1.png') }}">
                        </div>
                        <div class="step-title">
                            <h3>装修前</h3>
                            <p class="step-list">装修好复杂，该从哪里下手？</p>
                        </div>
                    </div>
                    <div class="step-half">
                        <ul class="step-icon">
                            <li>
                                <img src="{{ asset('web/images/icon_m1.png') }}">
                                <p>房产</p>
                            </li>
                            <li>
                                <img src="{{ asset('web/images/icon_m2.png') }}">
                                <p>房产</p>
                            </li>
                            <li>
                                <img src="{{ asset('web/images/icon_m3.png') }}">
                                <p>房产</p>
                            </li>
                            <li>
                                <img src="{{ asset('web/images/icon_m4.png') }}">
                                <p>房产</p>
                            </li>
                            <li>
                                <img src="{{ asset('web/images/icon_m5.png') }}">
                                <p>房产</p>
                            </li>
                        </ul>
                    </div>
                </li>
                <li>
                    <div class="step-bg2">
                        <div class="step-img">
                            <img src="{{ asset('web/images/icon_k2.png') }}">
                        </div>
                        <div class="step-title">
                            <h3>装修中</h3>
                            <p class="step-list">过程琐事多，攻略帮助我！</p>
                        </div>
                    </div>
                    <div class="step-half step-have">
                        <ul class="step-second">
                            <li>
                                <img src="{{ asset('web/images/icon_m1.png') }}">
                                <p>房产</p>
                            </li>
                            <li>
                                <img src="{{ asset('web/images/icon_m2.png') }}">
                                <p>房产</p>
                            </li>
                            <li>
                                <img src="{{ asset('web/images/icon_m3.png') }}">
                                <p>房产</p>
                            </li>
                            <li>
                                <img src="{{ asset('web/images/icon_m4.png') }}">
                                <p>房产</p>
                            </li>
                            <li>
                                <img src="{{ asset('web/images/icon_m1.png') }}">
                                <p>房产</p>
                            </li>
                            <li>
                                <img src="{{ asset('web/images/icon_m2.png') }}">
                                <p>房产</p>
                            </li>
                            <li>
                                <img src="{{ asset('web/images/icon_m3.png') }}">
                                <p>房产</p>
                            </li>
                            <li>
                                <img src="{{ asset('web/images/icon_m4.png') }}">
                                <p>房产</p>
                            </li>
                        </ul>
                    </div>
                </li>

                <li>
                    <div class="step-bg3">
                        <div class="step-img">
                            <img src="{{ asset('web/images/icon_k3.png') }}">
                        </div>
                        <div class="step-title">
                            <h3>装修后</h3>
                            <p class="step-list">摆好沙发挂窗帘，开启美好生活！</p>
                        </div>
                    </div>
                    <div class="step-half">
                        <ul class="step-wet">
                            <li>
                                <img src="{{ asset('web/images/icon_m1.png') }}">
                                <p>房产</p>
                            </li>
                            <li>
                                <img src="{{ asset('web/images/icon_m2.png') }}">
                                <p>房产</p>
                            </li>
                            <li>
                                <img src="{{ asset('web/images/icon_m3.png') }}">
                                <p>房产</p>
                            </li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>

        <div class="step-banner">
            <img src="{{ asset('web/images/long2.png') }}">
        </div>

        <div class="pull-box">
            <div class="pull-lf">
                <div class="title">
                    <span>装修攻略</span>
                    <i class="iconfont icon-you"></i>
                </div>
                <div class="more">
                    <a href="javascript:;" class="link">更多</a>
                </div>
                <div class="clear"></div>
                <div class="step-bar">
                    <div class="step-photo">
                        <img src="{{ asset('web/images/s_banner.png') }}">
                    </div>
                    <div class="step-content">
                        <h4>儿童房装修需要注意九个细节分享</h4>
                        <p class="step-text">现在家居装修的时候，家里有小宝贝，给宝宝房间装
                            修自然成为了爸爸妈妈的头等大事，儿童房装修不仅
                            要装饰的可爱活泼或者创意个性更重要的是要健康。
                            除了装饰材料必须选择环保安全的，更要注意一些家
                            居安全的问题。下面，就跟小编一起来看看儿童房装
                            修需要注意的九个细节吧。</p>
                        <div class="step-num">
                            <ul>
                                <li><a class="on" href="javascript:;">1</a></li>
                                <li><a href="javascript:;">2</a></li>
                                <li><a href="javascript:;">3</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                @foreach($articles as $article)
                <div class="step-entry">
                    <div class="step-entry-img">
                        <img src="{{ Storage::url($article->media->path) }}" style="width: 200px;height: 130px;">
                    </div>
                    <div class="step-introduce">
                        <h4><a href="{{ url('baike/detail', $article->id) }}" target="_blank">{{ $article->title }}</a></h4>
                        <p class="step-txt">{{ $article->guide }}</p>
                        <div class="company"><span class="companyName">蚂蚁装饰</span><span class="date">{{ $article->created_at }}</span>
                        </div>
                    </div>
                </div>
                @endforeach
                {{ $articles->links() }}
            </div>
            <div class="pull-rl">
                <div class="title">
                    <span>装修攻略推荐</span>
                </div>
                <div class="more">
                    <a href="javascript:;" class="link">更多</a>
                </div>
                <div class="clear"></div>
                <div class="b">
                    <img src="{{ asset('web/images/advance1.jpg') }}"/>
                    <ul>
                        <li>
                            <div class="img">
                                <img src="{{ asset('web/images/test.png') }}"/>
                            </div>
                            <div class="desc">
                                <div>装修好复杂,该从哪下手?装修好复杂,该从哪下手?装修好复杂,该从哪下手?装修好复杂,该从哪下手?</div>
                                <a href="javascript:;">查看攻略</a>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="{{ asset('web/images/test.png') }}"/>
                            </div>
                            <div class="desc">
                                <div>装修好复杂,该从哪下手?装修好复杂,该从哪下手?装修好复杂,该从哪下手?装修好复杂,该从哪下手?</div>
                                <a href="javascript:;">查看攻略</a>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="{{ asset('web/images/test.png') }}"/>
                            </div>
                            <div class="desc">
                                <div>装修好复杂,该从哪下手?装修好复杂,该从哪下手?装修好复杂,该从哪下手?装修好复杂,该从哪下手?</div>
                                <a href="javascript:;">查看攻略</a>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="{{ asset('web/images/test.png') }}"/>
                            </div>
                            <div class="desc">
                                <div>装修好复杂,该从哪下手?装修好复杂,该从哪下手?装修好复杂,该从哪下手?装修好复杂,该从哪下手?</div>
                                <a href="javascript:;">查看攻略</a>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="{{ asset('web/images/test.png') }}"/>
                            </div>
                            <div class="desc">
                                <div>装修好复杂,该从哪下手?装修好复杂,该从哪下手?装修好复杂,该从哪下手?装修好复杂,该从哪下手?</div>
                                <a href="javascript:;">查看攻略</a>
                            </div>
                        </li>
                    </ul>
                </div>

                <div class="renovation-home">
                    <img src="{{ asset('web/images/short.png') }}">
                </div>

                <div class="title title-top">
                    <span>装修案例</span>
                </div>
                <div class="more title-top">
                    <a href="javascript:;" class="link">更多</a>
                </div>
                <div class="clear"></div>

                <div class="b">
                    <ul>
                        <li class="step-margin" v-for="i in 6">
                            <div class="img">
                                <img src="{{ asset('web/images/g_banner.png') }}"/>
                            </div>
                            <div class="desc desc-left">
                                <h5>自己装修-简约风</h5>
                                <p class="step-txt listed">打造适合年轻人居住的通透空间
                                    彰显青年个性的北欧风格...</p>
                                <p class="date date-list">2019-01-21</p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>


    <div class="li4">
        <div class="content">
            <div class="pull-left">自己装修也很轻松!</div>
            <div class="m footzhuanshi">
                <img src="{{ asset('web/images/zhuanshi.png') }}" alt="">
                <div class="text">
                    <div>蚂蚁嘉装一站式贴心服务</div>
                    <span>为您提供最优质的服务</span>
                </div>
            </div>
            <ul class="pull-right">
                <li>
                    <div class="img"></div>
                    <div>xxxx公众号</div>
                </li>
                <li>
                    <div class="img"></div>
                    <div>xxxx公众号</div>
                </li>
                <li>
                    <div class="img"></div>
                    <div>xxxx公众号</div>
                </li>
            </ul>
        </div>
    </div>
    <div class="footer">
        <div class="content">
            <div class="aboutUs">
                <div class="t">
                    <a href="javascript:;">关于我们</a>
                    <a href="javascript:;">联系我们</a>
                    <span>网站备案号： 苏ICP备17055766号 www.mayiguan.com</span>
                    <span>蚂蚁家装保留所有权利</span>
                </div>
                <div class="b">
                    <div>免责声明：网站资源均有公共信息网站信息下载或网友自行上传，如发现本网站信息涉及版权或有侵权嫌疑等，请联系邮箱网站客服，蚂蚁馆嘉装将在第一时间予以更改或删除。</div>
                    <div>邮箱：xxxx@qq.com</div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="{{ asset('web/js/jquery.min.js') }}"></script>
<script src="{{ asset('web/js/comm.js') }}"></script>
<script src="{{ asset('web/js/bootstrap.min.js') }}"></script>
<script src="{{ asset('web/js/bootstrap-table.min.js') }}"></script>
<script src="{{ asset('web/js/idangerous.swiper.min.js') }}"></script>
<script>
    new Vue({
        el: '#app',
        data: {}
    })
</script>
</body>

</html>